- page_title _("Groups")
- add_page_specific_style 'page_bundles/search'

.top-area
  .gl-mt-3.gl-mb-3
    = form_tag admin_groups_path, method: :get, class: 'js-search-form' do |f|
      = hidden_field_tag :sort, @sort
      .search-holder
        .search-field-holder
          = search_field_tag :name, params[:name].presence, class: "form-control search-text-input js-search-input", autofocus: true, spellcheck: false, placeholder: 'Search by name', data: { qa_selector: 'group_search_field' }
          = sprite_icon('search', css_class: 'search-icon')
        = render "shared/groups/dropdown", options_hash: admin_groups_sort_options_hash
        = render Pajamas::ButtonComponent.new(variant: :confirm, href: new_admin_group_path) do
          = _('New group')
%ul.content-list
  = render @groups

= paginate @groups, theme: "gitlab"
